<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <%@ include file="/include/service-base-header.jsp" %>
    <link href="${pageContext.request.contextPath}/css/market-item.css" rel="stylesheet">
    <style>
        .table tbody tr td, .table th {
            padding: 5px;
        }
    </style>
    <title>市场管理</title>
</head>
<body>
<div class="wrapper">
    <jsp:include page="/include/left_menu.jsp">
        <jsp:param name="index" value="0"/>
    </jsp:include>
    <div class="main-panel">
        <nav class="navbar navbar-expand-lg navigation_shadow_none">
            <div class="container-fluid">
                <div class="navbar-wrapper b-navbar-wapper">
                    <a class="b-navbar-title" href="${pageContext.request.contextPath}/s/home.do">赛事管理</a>
                    <a class="b-navbar-title" href="${pageContext.request.contextPath}/s/event-manager.do">比赛管理</a>
                    <a class="b-navbar-title" href="${pageContext.request.contextPath}/s/tab-manager.do">标签管理</a>

                </div>
            </div>
        </nav>

        <div class="col-md-12">
            <div class="card card-plain">
                <div class="card-header card-header-primary">
                    <div class="card-title" id="card-title">开赛时间:</div>
                    <p class="card-category" id="card-category">联赛名称，主客队，时间，比分</p>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table" id="table">
                            <thead class=" text-primary">
                            <tr>
                                <th class="text-primary">
                                    玩法
                                </th>
                                <th class="text-primary">
                                    当前赔率
                                </th>
                                <th class="text-primary">
                                    市场状态
                                </th>
                                <th class="text-primary">
                                    操作
                                </th>
                            </tr>
                            </thead>
                            <tbody id="tbody">
                            <%--全场胜平负--%>
                            <tr>
                                <td>
                                    全场胜平负
                                </td>
                                <td style="width: 50%">
                                    <li class="li-3-l">
                                        <span class="text-l" id="home_name_1">主队</span>
                                        <span class="text-r" id="match_0">0</span>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-c">
                                        <div class="text-c" id="match_1">0</div>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-r">
                                        <span class="text-l" id="away_name_1">客队</span>
                                        <span class="text-r" id="match_2">0</span>
                                    </li>
                                </td>
                                <td id="market_status_1">未开放</td>
                                <td>
                                    <button id="count_01" ruleType="100" class="btn btn-success btn-sm" type="button"
                                            onclick="gotoCount(this)">统计
                                    </button>
                                    <button id="enabled_01" ruleType="100" class="btn btn-info btn-sm" type="button"
                                            onclick="setDisabledAction(this)">已启用
                                    </button>
                                </td>
                            </tr>
                            <%--进球单双数--%>
                            <tr>
                                <td>
                                    进球单双数
                                </td>
                                <td style="width: 50%">
                                    <li class="li-2-l">
                                        <span class="text-l">单数</span>
                                        <span class="text-r" id="even_0">0</span>
                                    </li>
                                    <li class="li-line"></li>

                                    <li class="li-2-r">
                                        <span class="text-l">双数</span>
                                        <span class="text-r" id="even_1">0</span>
                                    </li>
                                </td>
                                <td id="market_status_2">未开放</td>
                                <td>
                                    <button id="count_02" ruleType="130" class="btn btn-success btn-sm" type="button"
                                            onclick="gotoCount(this)">统计
                                    </button>
                                    <button id="enabled_02" ruleType="130" class="btn btn-info btn-sm" type="button"
                                            onclick="setDisabledAction(this)">已启用
                                    </button>
                                </td>
                            </tr>
                            <%--下一个进球--%>
                            <tr>
                                <td>
                                    下一个进球
                                </td>
                                <td style="width: 50%">
                                    <li class="li-3-l">
                                        <span class="text-l" id="home_name_2">主队</span>
                                        <span class="text-r" id="next_0">0</span>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-c">
                                        <div class="text-c" id="next_1">0</div>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-r">
                                        <span class="text-l" id="away_name_2">客队</span>
                                        <span class="text-r" id="next_2">0</span>
                                    </li>
                                </td>
                                <td id="market_status_3">未开放</td>
                                <td>
                                    <button id="count_03" ruleType="350" class="btn btn-success btn-sm" type="button"
                                            onclick="gotoCount(this)">统计
                                    </button>
                                    <button id="enabled_03" ruleType="350" class="btn btn-info btn-sm" type="button"
                                            onclick="setDisabledAction(this)">已启用
                                    </button>
                                </td>
                            </tr>

                            <%--总进球数--%>
                            <tr>
                                <td>
                                    总进球数
                                </td>
                                <td style="width: 50%">
                                    <%--第一行--%>
                                    <li class="li-3-l">
                                        <span class="text-l">无进球</span>
                                        <span class="text-r" id="goals_1">0</span>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-l">
                                        <span class="text-l">1个</span>
                                        <span class="text-r" id="goals_2">0</span>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-l">
                                        <span class="text-l">2个</span>
                                        <span class="text-r" id="goals_3">0</span>
                                    </li>
                                    <%--第二行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3个</span>
                                        <span class="text-r" id="goals_4">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4个</span>
                                        <span class="text-r" id="goals_5">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5个</span>
                                        <span class="text-r" id="goals_6">0</span>
                                    </li>
                                    <%--第三行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6个</span>
                                        <span class="text-r" id="goals_7">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">其他</span>
                                        <span class="text-r" id="goals_8">0</span>
                                    </li>
                                </td>
                                <td id="market_status_4">未开放</td>
                                <td>
                                    <button id="count_04" ruleType="410" class="btn btn-success btn-sm" type="button"
                                            onclick="gotoCount(this)">统计
                                    </button>
                                    <button id="enabled_04" ruleType="410" class="btn btn-info btn-sm" type="button"
                                            onclick="setDisabledAction(this)">已启用
                                    </button>
                                </td>
                            </tr>

                            <%--总比分--%>
                            <tr>
                                <td>
                                    总比分
                                </td>
                                <td style="width: 50%">
                                    <%--第一行--%>
                                    <li class="li-3-l">
                                        <span class="text-l">0:0</span>
                                        <span class="text-r" id="score_0_0">0</span>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-l">
                                        <span class="text-l">1:0</span>
                                        <span class="text-r" id="score_1_0">0</span>
                                    </li>
                                    <li class="li-line"></li>
                                    <li class="li-3-l">
                                        <span class="text-l">2:0</span>
                                        <span class="text-r" id="score_2_0">0</span>
                                    </li>
                                    <%--第二行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3:0</span>
                                        <span class="text-r" id="score_3_0">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4:0</span>
                                        <span class="text-r" id="score_4_0">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5:0</span>
                                        <span class="text-r" id="score_5_0">0</span>
                                    </li>
                                    <%--第三行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6:0</span>
                                        <span class="text-r" id="score_6_0">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">0:1</span>
                                        <span class="text-r" id="score_0_1">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">1:1</span>
                                        <span class="text-r" id="score_1_1">0</span>
                                    </li>
                                    <%--第四行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">2:1</span>
                                        <span class="text-r" id="score_2_1">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3:1</span>
                                        <span class="text-r" id="score_3_1">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4:1</span>
                                        <span class="text-r" id="score_4_1">0</span>
                                    </li>
                                    <%--第五行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5:1</span>
                                        <span class="text-r" id="score_5_1">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6:1</span>
                                        <span class="text-r" id="score_6_1">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">0:2</span>
                                        <span class="text-r" id="score_0_2">0</span>
                                    </li>
                                    <%--第六行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">1:2</span>
                                        <span class="text-r" id="score_1_2">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">2:2</span>
                                        <span class="text-r" id="score_2_2">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3:2</span>
                                        <span class="text-r" id="score_3_2">0</span>
                                    </li>
                                    <%--第七行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4:2</span>
                                        <span class="text-r" id="score_4_2">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5:2</span>
                                        <span class="text-r" id="score_5_2">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6:2</span>
                                        <span class="text-r" id="score_6_2">0</span>
                                    </li>
                                    <%--第八行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">0:3</span>
                                        <span class="text-r" id="score_0_3">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">1:3</span>
                                        <span class="text-r" id="score_1_3">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">2:3</span>
                                        <span class="text-r" id="score_2_3">0</span>
                                    </li>
                                    <%--第九行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3:3</span>
                                        <span class="text-r" id="score_3_3">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4:3</span>
                                        <span class="text-r" id="score_4_3">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5:3</span>
                                        <span class="text-r" id="score_5_3">0</span>
                                    </li>
                                    <%--第九行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6:3</span>
                                        <span class="text-r" id="score_6_3">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">0:4</span>
                                        <span class="text-r" id="score_0_4">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">1:4</span>
                                        <span class="text-r" id="score_1_4">0</span>
                                    </li>
                                    <%--第九行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">2:4</span>
                                        <span class="text-r" id="score_2_4">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3:4</span>
                                        <span class="text-r" id="score_3_4">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4:4</span>
                                        <span class="text-r" id="score_4_4">0</span>
                                    </li>
                                    <%--第九行--%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5:4</span>
                                        <span class="text-r" id="score_5_4">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6:4</span>
                                        <span class="text-r" id="score_6_4">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">0:5</span>
                                        <span class="text-r" id="score_0_5">0</span>
                                    </li>
                                    <%----%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">1:5</span>
                                        <span class="text-r" id="score_1_5">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">2:5</span>
                                        <span class="text-r" id="score_2_5">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3:5</span>
                                        <span class="text-r" id="score_3_5">0</span>
                                    </li>
                                    <%----%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4:5</span>
                                        <span class="text-r" id="score_4_5">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5:5</span>
                                        <span class="text-r" id="score_5_5">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6:5</span>
                                        <span class="text-r" id="score_6_5">0</span>
                                    </li>
                                    <%----%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">0:6</span>
                                        <span class="text-r" id="score_0_6">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">1:6</span>
                                        <span class="text-r" id="score_1_6">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">2:6</span>
                                        <span class="text-r" id="score_2_6">0</span>
                                    </li>
                                    <%----%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">3:6</span>
                                        <span class="text-r" id="score_3_6">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">4:6</span>
                                        <span class="text-r" id="score_4_6">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">5:6</span>
                                        <span class="text-r" id="score_5_6">0</span>
                                    </li>
                                    <%----%>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">6:6</span>
                                        <span class="text-r" id="score_6_6">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">胜其他</span>
                                        <span class="text-r" id="score_2">0</span>
                                    </li>
                                    <li class="li-line mt-1"></li>
                                    <li class="li-3-l mt-1">
                                        <span class="text-l">平其他</span>
                                        <span class="text-r" id="score_3">0</span>
                                    </li>

                                    <li class="li-3-l mt-1">
                                        <span class="text-l">负其他</span>
                                        <span class="text-r" id="score_4">0</span>
                                    </li>

                                </td>
                                <td id="market_status_5">未开放</td>
                                <td>
                                    <button id="count_05" ruleType="140" class="btn btn-success btn-sm" type="button"
                                            onclick="gotoCount(this)">统计
                                    </button>
                                    <button id="enabled_05" ruleType="140" class="btn btn-info btn-sm" type="button"
                                            onclick="setDisabledAction(this)">已启用
                                    </button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <div style="height: 10rem"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/market-manager.js"></script>
</html>